<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>千里码</title>
    <link rel="stylesheet" href="http://www.qlcoder.com/css/edit/style.css">
    <link rel="stylesheet" href="http://www.qlcoder.com/css/edit/editormd.css">
    <link href="http://www.qlcoder.com//css/bootstrap.min.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/bootstrap-theme.css" rel="stylesheet">
    <!--<link href="http://www.qlcoder.com//css/reset4.css" rel="stylesheet">-->

    <link href="/css/base.css" rel="stylesheet">
    <link href="/css/discuss-quiz.css" rel="stylesheet">
    <link rel="stylesheet" href="/font/iconfont.css">

</head>
<body class="html-margin">
<!--common header S  -->
<nav class="nav">
    <!--<div style="width:8.33%;height: 50px;float: left;"></div>-->
    <div class="container-fluid"><!--fluid-->
        <div class="pull-left">
            <a class="" href="#" style="display: inline-block;"><img src="http://www.qlcoder.com/img/ql_logo1.png"> </a>
        </div>
        <div class="pull-left nav-list">
            <ul class="">
                <li class=""><a href="http://www.qlcoder.com/home"><span color="gray" style="font-size:15px;">技能树</span></a></li>
                <li class=""><a href="http://www.qlcoder.com/u/792c/log"><span color="gray" style="font-size:15px;">跬步</span></a></li>
                <li class=""><a href="http://www.qlcoder.com/rank"><span color="gray" style="font-size:15px;">排行榜</span></a></li>
                <li class=""><a href="http://www.qlcoder.com/help"><span color="gray" style="font-size:15px;">帮助中心</span></a></li>
                <li class=""><a href="http://www.qlcoder.com/help#opinion"><span color="gray" style="font-size:15px;">意见反馈<span></span></span></a></li>
            </ul>
        </div>
        <div class="pull-right ">
            <ul class="avator pull-right">
                <li class="dropdown">
                    <a href="javascript:;" class="dropdown-toggle pull-left" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                        <img style="max-width:100px; margin-top: -20px;margin-bottom: -15px;margin-right: 10px;" src="http://www.qlcoder.com/system/App/User/avatars/000/000/347/thumb/2000.gif" class="img-circle" alt="cinque terre" width="30" height="30">

                        <!--<span class="badge s_tip">4</span>-->
                        &nbsp;&nbsp;<span color="gray" style="font-size:15px;">端着木鱼敲代码&nbsp;</span><span class="caret"></span></a>
                    <!--<span class="badge s_tip">4</span>-->
                    <ul class="dropdown-menu ">
                        <li><a href="http://www.qlcoder.com/u/update" target="_blank"><i class="iconfont">&#xe603;</i>设置</a></li>
                        <li><a href="http://www.qlcoder.com/inbox" target="_blank"><i class="iconfont">&#xe607;</i>私信</a></li>
                        <!--<li role="separator" class="divider"></li>-->
                        <li><a href="http://www.qlcoder.com/logout" target="_blank"><i class="iconfont">&#xe613;</i>退出</a></li>
                    </ul>
                </li>
            </ul>
            <!--<div class="pull-right ">-->
            <!--<ul class="login">-->
            <!--<li><a href="/auth/login"><span color="gray" style="font-size:15px;">登录</span></a>-->
            <!--<li><a href="/auth/register"><span color="gray" style="font-size:15px;">注册</span></a>-->
            <!--</ul>-->
            <!--</div>-->
        </div>
    </div>
</nav>
<!--common header E  -->
<div class="contain">
    <div class="qz-q">
        <h2>提问</h2>
    </div>
    <div class="qz-title">
        <input type="text" placeholder="标题:用一句话说清问题,并以问号结尾">
    </div>
    <div class="qz-q-list">
        <span>选择:</span>
        <input type="text" class="qz-q-choose" placeholder="尝试输入题目id然后敲回车">
        <div class="qz-q-list-item none">
            <ul>
                <li data-task-id="1" data-task-title="码之初">1.码之初</li>
                <li data-task-id="2" data-task-title="smaller than smaller">2.smaller than smaller</li>
                <li data-task-id="3" data-task-title="码之初">3.码之初</li>
                <li data-task-id="4" data-task-title="码之初">4.码之初</li>
                <li data-task-id="5" data-task-title="码之初">5.码之初</li>
                <li data-task-id="6" data-task-title="码之初">6.码之初</li>
                <li data-task-id="7" data-task-title="码之初">7.码之初</li>
                <li data-task-id="8" data-task-title="码之初">8.码之初</li>
                <li data-task-id="9" data-task-title="码之初">9.码之初</li>
                <li data-task-id="10" data-task-title="码之初">10.码之初</li>
                <li data-task-id="11" data-task-title="码之初">11.码之初</li>
            </ul>
        </div>
    </div>
    <form method="POST" action="" accept-charset="UTF-8"><input name="_token" type="hidden" value="WT6bRTGasvg1lAFhl9jXdLYUsGNQVaRdwlYMWvaX">
        <div id="test-editormd">
            <textarea name="text" style="display:none;" id="textarea"></textarea>
        </div>
        <input name="cid" type="hidden" value="0" id="cid">
        <input class="btn btn-primary pull-right" type="submit" value="发布问题">
    </form>
</div>
<!--common Footer S -->
<footer>
    <p>Copyright © 2015 qlcoder.com. All Rights Reserved. 浙ICP备15038807号-1. | 联系我们:oreo@qlcoder.com <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=08dcd44232943b517c2ed04dceb097155575f604791c57bbd2f9759e90e22d58">qq群480394714</a></p>
</footer>
<!--common Footer E -->
<script src="http://www.qlcoder.com/js/jquery.min.js"></script>
<script src="http://www.qlcoder.com/js/editormd.js?v=1.0"></script>
<script>
    $(function(){
        var qz={
            flag:false
        };
        $(".qz-q-choose").click(function(e){
            e.stopPropagation();
            $(".qz-q-list-item").removeClass("none");
            var __this=this;
            $(__this).bind("input propertychange",function(){
                $(this).val($(this).val());
            });
            $(__this).bind("keypress",function(e){
                if(e.keyCode=="13"){
                    var inputVal=$(this).val();
                    var c_title=$("[data-task-id='"+inputVal+"']").attr("data-task-title")
                    $(this).val(c_title);
                    $(".qz-q-list-item").addClass("none");
                }
            })
        });
        $(".qz-q-choose").bind("input propertychange",function(){
            if($(this).val()=="")
            {
                $(".qz-q-list-item").removeClass("none");
            }
        });
        $(".qz-q-list-item").mouseenter(function(){
            $(this).addClass("ydg_flag");
            var H=$("html");
            var w1 = $(window).width();
            H.addClass('lock-test');
            var w2 = $(window).width();
            H.removeClass('lock-test');
            $("#scroll-width").remove();
            $("html").toggleClass("alpha");
            $("<style type='text/css' id='scroll-width'>.html-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
            $(".qz-q-list-item ul li").each(function(){
                var _this=this;
                $(_this).click(function(){
                    var _txt=$(this).attr("data-task-title");
                    $(".qz-q-choose").val(_txt);
                    $(".qz-q-list-item").addClass("none");
                })
            })
        }).mouseleave(function(){
            $(this).removeClass("ydg_flag")
            $("html").toggleClass("alpha");
            $("#scroll-width").html('.html-margin{margin-right:0px;}')

        });

        $(document).click(function(){
            if(!$(".qz-q-list-item").hasClass("ydg_flag"))
            {
                $(".qz-q-list-item").addClass("none");
            }
        })
    })
</script>
<script type="text/javascript">
    var testEditor;
    $(function() {
        editormd.methodOne = function() {
        };

        testEditor = editormd("test-editormd", {
            width  : "100%",
            height : 720,
            path   : 'http://www.qlcoder.com/lib/',
            placeholder :'1.描述你的问题 \n 2.贴上相关代码 \n 3.贴上报错信息 \n 4.贴上相关截图 \n 5.已经尝试过哪些方法仍没有解决（附上相关链接）',
            onload : function() {
            }
        });

        editormd.methodOne();
    });
    var textAreas = document.getElementById('textarea');

    Array.prototype.forEach.call(textAreas, function(elem) {
        elem.placeholder = elem.placeholder.replace(/\\n/g, '\n');
    });
    if(document.getElementsByClassName("contain")[0]!=null)
        document.getElementsByClassName("contain")[0].style.minHeight=window.innerHeight-152+"px";
</script>
</body>
</html>